/*// 历年月度销量对比
// (function () {
//   // 基于准备好的dom，初始化echarts实例
//   var myChart = echarts.init(document.querySelector(".line .chart"), "shine");
//   var dataList = {
//     category: ["精煤", "中煤", "煤泥"],
//     lineData: ["2020年", "2021年", "2022年", "2023年", "2024年"],
//     xdata: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"],
//     result: [
//       [
//         [110, 120, 90, 100, 105, 140, 130, 110, 120, 90, 100, 105],
//         [700, 840, 710, 690, 590, 640, 720, 710, 690, 590, 640, 720],
//         [310, 220, 290, 400, 405, 440, 330, 510, 620, 390, 400, 305],
//       ],
//       [
//         [210, 220, 190, 200, 305, 140, 230, 210, 320, 190, 200, 305],
//         [500, 640, 410, 390, 390, 240, 520, 410, 490, 290, 340, 420],
//         [310, 220, 290, 400, 405, 440, 330, 510, 620, 390, 400, 505],
//       ],
//       [
//         [310, 220, 190, 200, 305, 140, 230, 210, 320, 190, 200, 305],
//         [700, 840, 710, 690, 590, 640, 720, 710, 690, 590, 640, 720],
//         [310, 220, 290, 400, 405, 440, 330, 510, 620, 390, 400, 305],
//       ],
//       [
//         [110, 120, 90, 100, 105, 140, 130, 110, 120, 90, 100, 105],
//         [700, 840, 710, 690, 590, 640, 720, 710, 690, 590, 640, 720],
//         [310, 220, 290, 400, 405, 440, 330, 510, 620, 390, 400, 305],
//       ],
//       [
//         [210, 220, 190, 200, 305, 140, 0, 0, 0, 0, 0, 0],
//         [500, 640, 410, 390, 390, 240, 0, 0, 0, 0, 0, 0],
//         [310, 220, 290, 400, 405, 440, 0, 0, 0, 0, 0, 0],
//       ],
//     ],
//   };
//   option = {
//     timeline: {
//       data: dataList.lineData,
//       axisType: "category",
//       show: true,
//       autoPlay: true,
//       playInterval: 3000,
//       left: "0%",
//       right: "10%",
//       botton: "0%",
//       width: "100%",
//       label: {
//         normal: {
//           textStyle: {
//             color: "#ddd",
//           },
//         },
//         emphasis: {
//           textStyle: {
//             color: "#fff",
//           },
//         },
//       },
//       symbolSize: 10,
//       lineStyle: {
//         color: "#555",
//       },
//       checkpointStyle: {
//         borderColor: "#888",
//         borderWidth: 2,
//       },
//       controlStyle: {
//         showNextBtn: true,
//         showPrevBtn: true,
//         normal: {
//           color: "#666",
//           borderColor: "#666",
//         },
//         emphasis: {
//           color: "#aaa",
//           borderColor: "#aaa",
//         },
//       },
//     },
//     options: [],
//   };
//   dataList.lineData.forEach((item, index) => {
//     option.options.push({
//       backgroundColor: "rgba(0,0,0,0)",
//       // title: {
//       //   //text: "近七天产量趋势",
//       //   // textStyle: {
//       //   //   align: "center",
//       //   //   color: "#fff",
//       //   //   fontSize: 28,
//       //   // },
//       //   // top: "5%",
//       //   // left: "center",
//       // },
//       grid: {
//         // top: 80,
//         // bottom: 100,
//         // borderWidth: 0,
//         top: "12%",
//         left: "10%",
//         right: "10%",
//         bottom: "30%",
//         // textStyle: {
//         //   color: "#fff",
//         // },
//       },
//       tooltip: {
//         trigger: "axis",
//       },
//       legend: {
//         top: "0%",
//         textStyle: {
//           fontSize: 15,
//           //fontFamily: "MicrosoftYaHeiUI",
//           color: "#FFFFFF",
//         },
//       },
//       xAxis: {
//         name: "月份",
//         data: dataList.xdata,
//         axisLine: {
//           show: true, //隐藏X轴轴线
//           symbol: ["none", "arrow"],
//           lineStyle: {
//             color: "#fff",
//             width: 1,
//           },
//         },
//         splitLine: {
//           show: false,
//         },
//         axisTick: {
//           show: false,
//         },
//         splitArea: {
//           show: false,
//         },
//         axisLabel: {
//           interval: 0,
//           color: "#fff",
//           fontSize: 15,
//         },
//       },
//       //   [
//       //   {
//       //     type: "category",
//       //     axisLine: {
//       //       show: true, //隐藏X轴轴线
//       //       symbol: ["none", "arrow"],
//       //       lineStyle: {
//       //         color: "#fff",
//       //         width: 1,
//       //       },
//       //     },
//       //     splitLine: {
//       //       show: false,
//       //     },
//       //     axisTick: {
//       //       show: false,
//       //     },
//       //     splitArea: {
//       //       show: false,
//       //     },
//       //     axisLabel: {
//       //       interval: 0,
//       //       color: "#fff",
//       //       fontSize: 15,
//       //     },
//       //     data: dataList.xdata,
//       //   },
//       // ],
//       yAxis: {
//         type: "value",
//         name: "单位：万吨",
//         splitLine: {
//           show: true,
//         },
//         axisLine: {
//           show: true, //隐藏X轴轴线
//           symbol: ["none", "arrow"],
//           lineStyle: {
//             color: "#fff",
//             width: 1,
//           },
//         },
//         axisTick: {
//           show: false,
//         },
//         axisLabel: {
//           interval: 0,
//           color: "#fff",
//           fontSize: 15,
//           formatter: (params) => {
//             return params + "";
//           },
//         },
//         splitArea: {
//           show: false,
//         },
//       },

//       //   [
//       //   {
//       //     type: "value",
//       //     splitLine: {
//       //       show: true,
//       //     },
//       //     axisLine: {
//       //       show: true, //隐藏X轴轴线
//       //       symbol: ["none", "arrow"],
//       //       lineStyle: {
//       //         color: "#fff",
//       //         width: 1,
//       //       },
//       //     },
//       //     axisTick: {
//       //       show: false,
//       //     },
//       //     axisLabel: {
//       //       interval: 0,
//       //       color: "#fff",
//       //       fontSize: 15,
//       //       formatter: (params) => {
//       //         return params + "";
//       //       },
//       //     },
//       //     splitArea: {
//       //       show: false,
//       //     },
//       //   },
//       // ],
//       series: [
//         {
//           name: dataList.category[0],
//           type: "line",
//           symbolSize: 4,
//           symbol: "circle",
//           itemStyle: {
//             normal: {
//               label: {
//                 show: false,
//                 position: "top",
//                 formatter: (params) => {
//                   return params.value + "%";
//                 },
//                 textStyle: {
//                   fontSize: 12,
//                   color: "#fff",
//                 },
//               },
//               color: "#00CC99",
//               barBorderRadius: 0,
//             },
//           },
//           lineStyle: {
//             normal: {
//               width: 4,
//               color: {
//                 type: "linear",
//                 x: 0,
//                 y: 0,
//                 x2: 0,
//                 y2: 1,
//                 colorStops: [
//                   {
//                     offset: 0,
//                     color: "#00CC99", // 0% 处的颜色
//                   },

//                   {
//                     offset: 1,
//                     color: "#00CC99", // 100% 处的颜色
//                   },
//                 ],
//                 global: false, // 缺省为 false
//               },
//             },
//           },
//           data: dataList.result[index][0],
//         },
//         {
//           name: dataList.category[1],
//           type: "line",
//           symbolSize: 4,
//           symbol: "circle",
//           itemStyle: {
//             normal: {
//               label: {
//                 show: false,
//                 position: "top",
//                 formatter: (params) => {
//                   return params.value + "%";
//                 },
//                 textStyle: {
//                   fontSize: 12,
//                   color: "#fff",
//                 },
//               },
//               color: "#33CCFF",
//               barBorderRadius: 0,
//             },
//           },
//           lineStyle: {
//             normal: {
//               width: 4,
//               color: {
//                 type: "linear",
//                 x: 0,
//                 y: 0,
//                 x2: 0,
//                 y2: 1,
//                 colorStops: [
//                   {
//                     offset: 0,
//                     color: "#33CCFF", // 0% 处的颜色
//                   },

//                   {
//                     offset: 1,
//                     color: "#33CCFF", // 100% 处的颜色
//                   },
//                 ],
//                 global: false, // 缺省为 false
//               },
//             },
//           },
//           data: dataList.result[index][1],
//         },
//         {
//           name: dataList.category[2],
//           type: "line",
//           symbolSize: 4,
//           symbol: "circle",
//           itemStyle: {
//             normal: {
//               label: {
//                 show: false,
//                 position: "top",
//                 formatter: (params) => {
//                   return params.value + "%";
//                 },
//                 textStyle: {
//                   fontSize: 12,
//                   color: "#fff",
//                 },
//               },
//               color: "#9933FF",
//               barBorderRadius: 0,
//             },
//           },
//           lineStyle: {
//             normal: {
//               width: 4,
//               color: {
//                 type: "linear",
//                 x: 0,
//                 y: 0,
//                 x2: 0,
//                 y2: 1,
//                 colorStops: [
//                   {
//                     offset: 0,
//                     color: "#9933FF", // 0% 处的颜色
//                   },

//                   {
//                     offset: 1,
//                     color: "#9933FF", // 100% 处的颜色
//                   },
//                 ],
//                 global: false, // 缺省为 false
//               },
//             },
//           },
//           data: dataList.result[index][2],
//         },
//       ],
//     });
//   });
//   //   options: [

//   //   ],
//   // };

//   myChart.setOption(option);

//   //options && myChart.setOption(options);
//   //跟随屏幕一起缩放
//   window.addEventListener("resize", () => {
//     myChart.resize();
//   });
// })();

// 历年年度度销量对比
// (function () {
//   // 基于准备好的dom，初始化echarts实例
//   var myChart2 = echarts.init(document.querySelector(".line .chart"), "shine");
//   var dataList2 = {
//     category: ["精煤", "中煤", "煤泥"],
//     xdata: ["2020", "2021", "2022", "2023", "2024"],
//     result: [
//       [210, 220, 290, 200, 205],
//       [700, 840, 710, 690, 590],
//       [400, 400, 400, 500, 400],
//     ],
//     colors: ["#00CC99", "#33CCFF", "#9933FF"],
//   };
//   option2 = {
//     backgroundColor: "rgba(0,0,0,0)",
//     tooltip: {
//       trigger: "axis",
//       axisPointer: {
//         type: "none",
//       },
//       position: function (point, params, dom, rect, size) {
//         // 提示框位置
//         let x = 0;
//         let y = 0;
//         //提示框定位
//         if (point[0] + size.contentSize[0] < size.viewSize[0]) {
//           x = point[0];
//         } else if (point[0] > size.contentSize[0]) {
//           x = point[0] - size.contentSize[0];
//         } else {
//           x = "30%";
//         }
//         if (point[1] > size.contentSize[1]) {
//           y = point[1] - size.contentSize[1];
//         } else if (point[1] + size.contentSize[1] < size.viewSize[1]) {
//           y = point[1];
//         } else {
//           y = "30%";
//         }
//         return [x, y];
//       },
//       formatter: (params) => {
//         return `
//             <div style="font-size: 14px;font-family: Source Han Sans CN-Medium;font-weight: 500;color: #fff;margin-bottom:8px;">${params[0].name}年</div>
//             <div style="font-size: 14px;font-family: Source Han Sans CN-Medium;font-weight: 500;color: #fff;margin-bottom:4px;">${dataList2.category[1]}：${params[1].value}</div>
//             <div style="font-size: 14px;font-family: Source Han Sans CN-Medium;font-weight: 500;color: #fff;margin-bottom:4px;">${dataList2.category[2]}：${params[2].value}</div>
//             <div style="font-size: 14px;font-family: Source Han Sans CN-Medium;font-weight: 500;color: #fff;margin-bottom:4px;">${dataList2.category[0]}：${params[0].value}</div>`;
//       },
//       extraCssText:
//         "opacity: 0.8;background-color:rgba(0,0,0,0.5);padding:16px;box-shadow: 1px 6px 15px 1px rgba(0,0,0,0.13);border-radius: 4px;filter: blur(undefinedpx);border:none;",
//     },
//     title: {
//       //text: "近七天产量趋势",
//       textStyle: {
//         align: "center",
//         color: "#fff",
//         fontSize: 28,
//       },
//       top: "5%",
//       left: "center",
//     },
//     grid: {
//       borderWidth: 0,
//       top: "14%",
//       left: "10%",
//       right: "6%",
//       bottom: "10%",
//       textStyle: {
//         color: "#fff",
//       },
//     },
//     legend: {
//       top: "2%",
//       textStyle: {
//         fontSize: 15,
//         //fontFamily: "MicrosoftYaHeiUI",
//         color: "#FFFFFF",
//       },
//     },
//     xAxis: [
//       {
//         type: "category",
//         axisLine: {
//           show: true, //隐藏X轴轴线
//           symbol: ["none", "arrow"],
//           lineStyle: {
//             color: "#fff",
//             width: 1,
//           },
//         },
//         splitLine: {
//           show: false,
//         },
//         axisTick: {
//           show: false,
//         },
//         splitArea: {
//           show: false,
//         },
//         axisLabel: {
//           interval: 0,
//           color: "#fff",
//           fontSize: 15,
//         },
//         data: dataList2.xdata,
//       },
//     ],
//     yAxis: [
//       {
//         type: "value",
//         splitLine: {
//           show: true,
//         },
//         axisLine: {
//           show: true, //隐藏X轴轴线
//           symbol: ["none", "arrow"],
//           lineStyle: {
//             color: "#fff",
//             width: 1,
//           },
//         },
//         axisTick: {
//           show: false,
//         },
//         axisLabel: {
//           interval: 0,
//           color: "#fff",
//           fontSize: 15,
//           formatter: (params) => {
//             return params + "";
//           },
//         },
//         splitArea: {
//           show: false,
//         },
//       },
//     ],
//     series: [
//       // {
//       //   name: dataList2.category[1],
//       //   type: "line",
//       //   symbolSize: 4,
//       //   symbol: "circle",
//       //   itemStyle: {
//       //     normal: {
//       //       label: {
//       //         show: false,
//       //         position: "top",
//       //         formatter: (params) => {
//       //           return params.value + "%";
//       //         },
//       //         textStyle: {
//       //           fontSize: 12,
//       //           color: "#fff",
//       //         },
//       //       },
//       //       color: "#33CCFF",
//       //       barBorderRadius: 0,
//       //     },
//       //   },
//       //   lineStyle: {
//       //     normal: {
//       //       width: 4,
//       //       color: {
//       //         type: "linear",
//       //         x: 0,
//       //         y: 0,
//       //         x2: 0,
//       //         y2: 1,
//       //         colorStops: [
//       //           {
//       //             offset: 0,
//       //             color: "#33CCFF", // 0% 处的颜色
//       //           },
//       //           {
//       //             offset: 1,
//       //             color: "#33CCFF", // 100% 处的颜色
//       //           },
//       //         ],
//       //         global: false, // 缺省为 false
//       //       },
//       //     },
//       //   },
//       //   data: dataList2.result[1],
//       // },
//       // {
//       //   name: dataList2.category[2],
//       //   type: "line",
//       //   symbolSize: 4,
//       //   symbol: "circle",
//       //   itemStyle: {
//       //     normal: {
//       //       label: {
//       //         show: false,
//       //         position: "top",
//       //         formatter: (params) => {
//       //           return params.value + "%";
//       //         },
//       //         textStyle: {
//       //           fontSize: 12,
//       //           color: "#fff",
//       //         },
//       //       },
//       //       color: "#9933FF",
//       //       barBorderRadius: 0,
//       //     },
//       //   },
//       //   lineStyle: {
//       //     normal: {
//       //       width: 4,
//       //       color: {
//       //         type: "linear",
//       //         x: 0,
//       //         y: 0,
//       //         x2: 0,
//       //         y2: 1,
//       //         colorStops: [
//       //           {
//       //             offset: 0,
//       //             color: "#9933FF", // 0% 处的颜色
//       //           },
//       //           {
//       //             offset: 1,
//       //             color: "#9933FF", // 100% 处的颜色
//       //           },
//       //         ],
//       //         global: false, // 缺省为 false
//       //       },
//       //     },
//       //   },
//       //   data: dataList2.result[2],
//       // },
//     ],
//   };
//   dataList2.category.forEach((item, index) => {
//     option2.series.push({
//       name: dataList2.category[index],
//       type: "line",
//       symbolSize: 4,
//       symbol: "circle",
//       itemStyle: {
//         normal: {
//           label: {
//             show: false,
//             position: "top",
//             formatter: (params) => {
//               return params.value + "%";
//             },
//             textStyle: {
//               fontSize: 12,
//               color: "#fff",
//             },
//           },
//           color: dataList2.colors[index],
//           barBorderRadius: 0,
//         },
//       },
//       lineStyle: {
//         normal: {
//           width: 4,
//           color: {
//             type: "linear",
//             x: 0,
//             y: 0,
//             x2: 0,
//             y2: 1,
//             colorStops: [
//               {
//                 offset: 0,
//                 color: dataList2.colors[index], // 0% 处的颜色
//               },

//               {
//                 offset: 1,
//                 color: dataList2.colors[index], // 100% 处的颜色
//               },
//             ],
//             global: false, // 缺省为 false
//           },
//         },
//       },
//       data: dataList2.result[index],
//     });
//   });
//   myChart2.setOption(option2);

//   var count = 0;

//   var dataLength = dataList2.result[0].length;
//   function playPrevious() {
//     myChart2.dispatchAction({
//       type: "showTip",
//       seriesIndex: 0,
//       dataIndex: count % dataLength,
//     });
//     count++;
//   }
//   setInterval(playPrevious, 2000);

//   // myChart2.setOption(option2);

//   //options && myChart.setOption(options);
//   //跟随屏幕一起缩放
//   window.addEventListener("resize", () => {
//     myChart2.resize();
//   });
// })(); */

// 月销量情况
/* (function () {
  // 实例化对象
  var myChart = echarts.init(document.getElementById("left-one"));
  // mock 数据
  option = {
    tooltip: {
      trigger: "item",
    },
    backgroundColor: "rgba(0,0,0,0)",
    color: [
      "#F7B502",
      "#148AC5",
      "#34D7D1",
      "#F53D55",
      "#265CA5",
      "#62499D",
      "#6DCFDD",
      "#3E7500",
    ],
    title: {
      //text: "全市关怀人员",
      left: "9%",
      top: "4%",
      textStyle: {
        color: "#fff",
        fontSize: "22",
      },
    },
    legend: {
      orient: "horizontal",
      itemWidth: 15,
      itemHeight: 10,
      data: [
        {
          name: "精煤",
          icon: "roundRect",
        },
        {
          name: "中煤",
          icon: "roundRect",
        },
        {
          name: "煤泥",
          icon: "roundRect",
        },
      ],
      top: "4%",
      textStyle: {
        color: "#DFDFDF",
      },
    },
    grid: {
      left: "4%",
      right: "8%",
      bottom: "10%",
      top: "14%",
      containLabel: true,
    },
    // tooltip: {
    //     trigger: "axis",
    //     axisPointer: {
    //         type: "shadow"
    //     },
    //     textStyle: {
    //         align: 'left'
    //     }
    // },

    xAxis: [
      {
        type: "category",
        data: ["1月份", "2月份", "3月份", "4月份", "5月份", "6月份"],
        axisTick: {
          show: false,
        },
        axisLabel: {
          show: true,
          textStyle: {
            color: "#DFDFDF",
            fontSize: 14,
          },
          formatter: "{value}",
        },
        axisLine: {
          show: true,
          lineStyle: {
            color: "#676C7B",
          },
        },
        offset: 10,
      },
    ],
    yAxis: [
      {
        type: "value",
        min: 0,
        name: "数量（万吨）",
        nameTextStyle: {
          color: "#fff",
        },
        axisTick: {
          show: false,
        },
        axisLine: {
          show: true,
          lineStyle: {
            color: "#676C7B",
          },
        },
        axisLabel: {
          show: true,
          textStyle: {
            color: "#DFDFDF",
            fontSize: 14,
          },
        },
        splitLine: {
          //网格线
          show: false,
          lineStyle: {
            color: "rgba(255,255,255,0.2)",
          },
        },
      },
    ],
    series: [
      // 精煤
      {
        name: "精煤", // Bar图的底部
        type: "pictorialBar",
        symbolSize: [26, 10],
        symbolOffset: [0, 0],
        z: 12,
        itemStyle: {
          normal: {
            color: "rgba(0, 168, 255, 0.7)",
          },
        },
        data: [132, 112, 72, 82, 70, 60],
      },
      {
        name: "精煤",
        type: "bar",
        stack: "总量",
        barWidth: 26,
        data: [110, 70, 90, 140, 100, 80],
        itemStyle: {
          normal: {
            color: {
              type: "linear",
              x: 0,
              y: 0,
              x2: 1,
              y2: 0,
              colorStops: [
                {
                  offset: 0,
                  color: "rgba(0, 168, 255,0.8)", // 0% 处的颜色
                },
                {
                  offset: 0.35,
                  color: "rgba(0, 102, 171, 0.42)", // 35% 处的颜色
                },
                {
                  offset: 0.65,
                  color: "rgba(0, 102, 171, 0.42)", // 65% 处的颜色
                },
                {
                  offset: 1,
                  color: "rgba(0, 168, 255,0.8)", // 100% 处的颜色
                },
              ],
              global: false, // 缺省为 false
            },
            opacity: 0.8,
          },
        },
      },
      {
        name: "精煤", // bar图的顶部
        type: "pictorialBar",
        symbolSize: [26, 10],
        symbolOffset: [0, -5],
        z: 12,
        itemStyle: {
          normal: {
            color: "rgba(0, 168, 255, 0.7)",
          },
        },
        // label: {
        //     show: true,
        //     position: 'top',
        //     fontSize: 16,
        // },
        symbolPosition: "end",
        data: [110, 70, 90, 140, 100, 80],
      },

      // 中煤
      {
        name: "中煤", // bar图的底部
        type: "pictorialBar",
        symbolSize: [26, 10],
        symbolOffset: [0, -5],
        z: 13,
        itemStyle: {
          normal: {
            color: "rgba(0,255,182, 0.7)",
          },
        },
        // label: {
        //     show: true,
        //     position: 'top',
        //     fontSize: 16,
        // },
        symbolPosition: "end",
        data: [110, 70, 90, 140, 100, 80],
      },
      {
        name: "中煤",
        type: "bar",
        stack: "总量",
        barWidth: 26,
        data: [120, 140, 160, 130, 100, 60],
        itemStyle: {
          normal: {
            color: {
              type: "linear",
              x: 0,
              y: 0,
              x2: 1,
              y2: 0,
              colorStops: [
                {
                  offset: 0,
                  color: "rgba(0,255,182)", // 0% 处的颜色
                },
                {
                  offset: 0.35,
                  color: "rgba(0,255,182, 0.42)", // 35% 处的颜色
                },
                {
                  offset: 0.65,
                  color: "rgba(0,255,182, 0.42)", // 65% 处的颜色
                },
                {
                  offset: 1,
                  color: "rgba(0,255,182)", // 100% 处的颜色
                },
              ],
              global: false, // 缺省为 false
            },
            opacity: 0.8,
          },
        },
      },
      {
        name: "中煤", // bar图的顶部
        type: "pictorialBar",
        symbolSize: [26, 10],
        symbolOffset: [0, -5],
        z: 12,
        itemStyle: {
          normal: {
            color: "rgba(0,255,182, 0.7)",
          },
        },
        // label: {
        //     show: true,
        //     position: 'top',
        //     fontSize: 16,
        // },
        symbolPosition: "end",
        data: [230, 210, 250, 270, 200, 140],
      },

      // 煤泥
      {
        name: "煤泥", // bar图的底部
        type: "pictorialBar",
        symbolSize: [26, 10],
        symbolOffset: [0, -5],
        z: 14,
        itemStyle: {
          normal: {
            color: "rgba(240, 208, 60, 0.8)",
          },
        },
        // label: {
        //     show: true,
        //     position: 'top',
        //     fontSize: 16,
        // },
        symbolPosition: "end",
        data: [230, 210, 250, 270, 200, 140],
      },
      {
        name: "煤泥",
        type: "bar",
        stack: "总量",
        barWidth: 26,
        data: [90, 160, 70, 110, 60, 130],
        itemStyle: {
          normal: {
            color: {
              type: "linear",
              x: 0,
              y: 0,
              x2: 1,
              y2: 0,
              colorStops: [
                {
                  offset: 0,
                  color: "rgba(240, 208, 60, 0.9)", // 0% 处的颜色
                },
                {
                  offset: 0.35,
                  color: "rgba(240, 208, 60, 0.42)", // 35% 处的颜色
                },
                {
                  offset: 0.65,
                  color: "rgba(240, 208, 60, 0.42)", // 65% 处的颜色
                },
                {
                  offset: 1,
                  color: "rgba(240, 208, 60, 0.9)", // 100% 处的颜色
                },
              ],
              global: false, // 缺省为 false
            },
            opacity: 0.8,
          },
        },
      },
      {
        name: "煤泥", // bar图的顶部
        type: "pictorialBar",
        symbolSize: [26, 10],
        symbolOffset: [0, -5],
        z: 12,
        itemStyle: {
          normal: {
            color: "rgba(240, 208, 60, 0.8)",
          },
        },
        // label: {
        //     show: true,
        //     position: 'top',
        //     fontSize: 16,
        // },
        symbolPosition: "end",
        data: [320, 370, 320, 380, 260, 270],
      },
    ],
  };

  myChart.setOption(option);
  myChart.on("click", (params) => {
    console.log(params);
  });
  //跟随屏幕一起缩放
  window.addEventListener("resize", () => {
    myChart.resize();
  });
})();*/

//地图
// $(function () {
//   var myChart = echarts.init(document.getElementById("center-one-2"));
//   var img1 = "image://./images/c-1.png";
//   var img2 =
//     "image://";
//   var planePath =
//     "path://M482.304 439.808L423.936 237.056h-153.6v37.376h103.936l48.128 164.864h-0.512l18.432 61.44h516.096V443.904l-474.112-4.096zM358.912 295.936H213.504l-144.896 271.36h-0.512V737.28h64v-5.12c-0.512-69.632 57.344-127.488 129.024-128.512 71.68 1.024 129.536 58.368 129.024 128.512 0 2.048 41.984 3.072 12.8 3.072h262.144c0-2.048 7.168-1.536 7.168-3.072-0.512-69.632 57.344-127.488 129.024-128.512 16.896 0 33.792 3.072 49.152 9.728l73.728 32.256h31.744v-129.024h-537.6L358.912 295.936z m-203.776 240.128L245.76 364.544h59.904l38.912 172.032-189.44-0.512z m645.632 91.136c-57.856 0-104.96 46.592-104.96 104.448s47.104 104.448 104.96 104.448 104.96-46.592 104.96-104.448-47.104-104.448-104.96-104.448z m-540.16 0c-57.856 0-104.96 46.592-104.96 104.448s47.104 104.448 104.96 104.448 104.96-46.592 104.96-104.448-47.104-104.448-104.96-104.448z m687.104-214.528L906.24 306.176l-33.792-23.552-38.912 17.92-45.568-112.64-78.336 33.792-83.968 8.192-43.008 71.168-48.128-17.92-38.912 88.064-6.656 7.68 18.944 33.792h439.808z";
//   var mapName = "山西";
//   var data = [];
//   var toolTipData = [
//     {
//       name: "晋北煤业",
//       value: 30,
//       symbol: img1,
//       symbolSize: 5,
//     },
//     {
//       name: "薛虎沟煤业",
//       value: 30,
//       symbol: img1,
//       symbolSize: 5,
//     },
//     {
//       name: "薛虎沟洗煤厂",
//       value: 30,
//       symbol: img1,
//       symbolSize: 5,
//     },
//     {
//       name: "晋北洗煤厂",
//       value: 30,
//       symbol: img1,
//       symbolSize: 5,
//     },
//     {
//       name: "汾源",
//       value: 30,
//       symbol: img1,
//       symbolSize: 5,
//     },
//     {
//       name: "晋北",
//       value: 30,
//       symbol: img1,
//       symbolSize: 5,
//     },
//     {
//       name: "晋北公司售点",
//       value: 0,
//       symbol: "circle",
//       symbolSize: 5,
//     },
//   ];
//   var geoCoordMap = {
//     晋北煤业: [112.0039, 38.2872],
//     晋北洗煤厂: [112.0008, 38.8636],
//     薛虎沟煤业: [110.6119, 36.5352],
//     薛虎沟洗煤厂: [110.6858, 35.6763],
//     汾源: [112.6858, 38.6763],
//     晋北: [112.5858, 39.1763],
//     晋北公司售点: [113.6958, 38.9763],
//   };
//   var lines = [
//     {
//       coords: [
//         [110.6119, 36.5352],
//         [112.0039, 38.2872],
//       ],
//       // 统一的样式设置
//       lineStyle: {
//         type: "solid", //solid:实线 dashed：虚线 dotted：圆点
//         color: "red", //线条颜色
//         width: 1, //线条宽度
//         opacity: 0.6, //尾迹线条透明度
//         curveness: 0.2, //尾迹线条曲直度
//       },
//       name: "中煤219",
//     },
//     {
//       coords: [
//         [112.0008, 38.8636],
//         [110.6858, 35.6763],
//       ],
//       // 统一的样式设置
//       lineStyle: {
//         type: "solid", //solid:实线 dashed：虚线 dotted：圆点
//         color: "white", //线条颜色
//         width: 1, //线条宽度
//         opacity: 0.6, //尾迹线条透明度
//         curveness: 0.2, //尾迹线条曲直度
//       },
//       name: "精煤819",
//     },
//     {
//       coords: [
//         [112.5858, 39.1763],
//         [113.6958, 38.9763],
//       ],
//       // 统一的样式设置
//       lineStyle: {
//         type: "solid", //solid:实线 dashed：虚线 dotted：圆点
//         color: "#E271DE", //线条颜色
//         width: 1, //线条宽度
//         opacity: 0.6, //尾迹线条透明度
//         curveness: 0.2, //尾迹线条曲直度
//       },
//       name: "中煤1132",
//     },
//     {
//       coords: [
//         [112.6858, 38.6763],
//         [113.6958, 38.9763],
//       ],
//       // 统一的样式设置
//       lineStyle: {
//         type: "solid", //solid:实线 dashed：虚线 dotted：圆点
//         color: "blue", //线条颜色
//         width: 1, //线条宽度
//         opacity: 0.6, //尾迹线条透明度
//         curveness: 0.2, //尾迹线条曲直度
//       },
//       name: "精煤893",
//     },
//   ];
//   /*获取地图数据*/
//   myChart.showLoading();
//   var mapFeatures = echarts.getMap(mapName).geoJson.features;
//   myChart.hideLoading();
//   console.log(mapFeatures);
//   mapFeatures.forEach(function (v) {
//     // 地区名称
//     var name = v.properties.name;
//     // 地区经纬度
//     geoCoordMap[name] = v.properties.cp;
//   });
//   var convertData = function (data) {
//     var res = [];
//     for (var i = 0; i < data.length; i++) {
//       var geoCoord = geoCoordMap[data[i].name];
//       if (geoCoord) {
//         res.push({
//           name: data[i].name,
//           value: geoCoord.concat(data[i].value),
//           symbol: data[i].symbol,
//           symbolSize: data[i].symbolSize,
//         });
//       }
//     }
//     return res;
//   };
//   // 柱状体的主干
//   function lineData() {
//     return toolTipData.map((item) => {
//       return {
//         coords: [
//           geoCoordMap[item.name],
//           [geoCoordMap[item.name][0], geoCoordMap[item.name][1]],
//         ],
//       };
//     });
//   }
//   // 柱状体的顶部
//   function scatterData() {
//     return toolTipData.map((item) => {
//       return [geoCoordMap[item.name][0], geoCoordMap[item.name][1], item];
//     });
//   }
//   console.log(convertData(toolTipData));
//   option = {
//     backgroundColor: "rgba(0,0,0,0)",
//     title: {
//       show: true,
//       //text: "项目分布图",
//       x: "center",
//       top: "10",
//       textStyle: {
//         color: "#fff",
//         fontFamily: "等线",
//         fontSize: 18,
//       },
//     },
//     tooltip: {
//       trigger: "none",
//       formatter: function (params) {
//         if (typeof params.value[2] == "undefined") {
//           var toolTiphtml = "";
//           for (var i = 0; i < toolTipData.length; i++) {
//             if (params.name == toolTipData[i].name) {
//               toolTiphtml +=
//                 toolTipData[i].name + "：" + toolTipData[i].value;
//             }
//           }
//           console.log(toolTiphtml);
//           // console.log(convertData(data))
//           return toolTiphtml;
//         } else {
//           var toolTiphtml = "";
//           for (var i = 0; i < toolTipData.length; i++) {
//             if (params.name == toolTipData[i].name) {
//               toolTiphtml +=
//                 toolTipData[i].name + "：" + toolTipData[i].value;
//             }
//           }
//           console.log(toolTiphtml);
//           return toolTiphtml;
//         }
//       },
//       backgroundColor: "#fff",
//       borderColor: "#333",
//       padding: [5, 10],
//       textStyle: {
//         color: "#333",
//         fontSize: "16",
//       },
//     },
//     geo: [
//       {
//         layoutCenter: ["50%", "50%"], //位置
//         layoutSize: "150%", //大小
//         show: true,
//         map: mapName,
//         //rotation: Math.PI / 4,
//         //roam: true,
//         zoom: 0.7,
//         aspectScale: 1,
//         label: {
//           normal: {
//             show: false,
//             textStyle: {
//               color: "#fff",
//             },
//           },
//           emphasis: {
//             show: true,
//             textStyle: {
//               color: "#fff",
//             },
//           },
//         },
//         itemStyle: {
//           normal: {
//             areaColor: {
//               type: "linear",
//               x: 1200,
//               y: 0,
//               x2: 0,
//               y2: 0,
//               colorStops: [
//                 {
//                   offset: 0,
//                   color: "rgba(3,27,78,0.75)", // 0% 处的颜色
//                 },
//                 {
//                   offset: 1,
//                   color: "rgba(58,149,253,0.75)", // 50% 处的颜色
//                 },
//               ],
//               global: true, // 缺省为 false
//             },
//             borderColor: "#c0f3fb",
//             borderWidth: 1,
//             shadowColor: "#8cd3ef",
//             shadowOffsetY: 10,
//             shadowBlur: 120,
//           },
//           emphasis: {
//             areaColor: "rgba(58,149,253,0.75)",
//             // borderWidth: 0
//           },
//         },
//       },
//       {
//         type: "map",
//         map: mapName,
//         rotation: Math.PI / 4,
//         roam: true,
//         zlevel: -1,
//         aspectScale: 1,
//         zoom: 0.7,
//         layoutCenter: ["50%", "51%"],
//         layoutSize: "150%",
//         roam: false,
//         silent: true,
//         itemStyle: {
//           normal: {
//             borderWidth: 1,
//             // borderColor:"rgba(17, 149, 216,0.6)",
//             borderColor: "rgba(58,149,253,0.8)",
//             shadowColor: "rgba(172, 122, 255,0.5)",
//             shadowOffsetY: 5,
//             shadowBlur: 15,
//             areaColor: "rgba(5,21,35,0.1)",
//           },
//         },
//       },
//       {
//         type: "map",
//         map: mapName,
//         roam: true,
//         zlevel: -2,
//         aspectScale: 1,
//         zoom: 0.7,
//         layoutCenter: ["50%", "52%"],
//         layoutSize: "150%",
//         roam: false,
//         silent: true,
//         itemStyle: {
//           normal: {
//             borderWidth: 1,
//             // borderColor: "rgba(57, 132, 188,0.4)",
//             borderColor: "rgba(58,149,253,0.6)",
//             shadowColor: "rgba(65, 214, 255,1)",
//             shadowOffsetY: 5,
//             shadowBlur: 15,
//             areaColor: "transpercent",
//           },
//         },
//       },
//       {
//         type: "map",
//         map: mapName,
//         roam: true,
//         zlevel: -3,
//         aspectScale: 1,
//         zoom: 0.7,
//         layoutCenter: ["50%", "53%"],
//         layoutSize: "150%",
//         roam: false,
//         silent: true,
//         itemStyle: {
//           normal: {
//             borderWidth: 1,
//             // borderColor: "rgba(11, 43, 97,0.8)",
//             borderColor: "rgba(58,149,253,0.4)",
//             shadowColor: "rgba(58,149,253,1)",
//             shadowOffsetY: 15,
//             shadowBlur: 10,
//             areaColor: "transpercent",
//           },
//         },
//       },
//       {
//         type: "map",
//         map: mapName,
//         roam: true,
//         zlevel: -4,
//         aspectScale: 1,
//         zoom: 0.7,
//         layoutCenter: ["50%", "54%"],
//         layoutSize: "150%",
//         roam: false,
//         silent: true,
//         itemStyle: {
//           normal: {
//             borderWidth: 5,
//             // borderColor: "rgba(11, 43, 97,0.8)",
//             borderColor: "rgba(5,9,57,0.8)",
//             shadowColor: "rgba(29, 111, 165,0.8)",
//             shadowOffsetY: 15,
//             shadowBlur: 10,
//             areaColor: "rgba(5,21,35,0.1)",
//           },
//         },
//       },
//     ],
//     series: [
//       {
//         type: "map",
//         map: mapName,
//         //rotation: 90,
//         geoIndex: 0,
//         aspectScale: 1, //长宽比
//         zoom: 0.7,
//         showLegendSymbol: true,
//         roam: true,
//         label: {
//           normal: {
//             show: true,
//             textStyle: {
//               color: "#fff",
//               fontSize: "120%",
//             },
//           },
//           emphasis: {
//             // show: false,
//           },
//         },
//         itemStyle: {
//           normal: {
//             areaColor: {
//               type: "linear",
//               x: 1200,
//               y: 0,
//               x2: 0,
//               y2: 0,
//               colorStops: [
//                 {
//                   offset: 0,
//                   color: "rgba(3,27,78,0.75)", // 0% 处的颜色
//                 },
//                 {
//                   offset: 1,
//                   color: "rgba(58,149,253,0.75)", // 50% 处的颜色
//                 },
//               ],
//               global: true, // 缺省为 false
//             },
//             borderColor: "#fff",
//             borderWidth: 0.2,
//           },
//         },
//         layoutCenter: ["50%", "50%"],
//         layoutSize: "150%",
//         animation: false,
//         markPoint: {
//           symbol: "none",
//         },
//         data: data,
//       },
//       //柱状体的主干
//       // {
//       //   type: "lines",
//       //   zlevel: 5,
//       //   effect: {
//       //     show: false,
//       //     symbolSize: 5, // 图标大小
//       //   },
//       //   lineStyle: {
//       //     width: 6, // 尾迹线条宽度
//       //     color: "rgba(249, 105, 13, .6)",
//       //     opacity: 1, // 尾迹线条透明度
//       //     curveness: 0, // 尾迹线条曲直度
//       //   },
//       //   label: {
//       //     show: 0,
//       //     position: "end",
//       //     formatter: "245",
//       //   },
//       //   silent: true,
//       //   data: lineData(),
//       // },
//       //飞翔线路
//       {
//         type: "lines",
//         symbol: ["none", "arrow"],
//         zlevel: 2,
//         label: {
//           show: true, // 显示标签
//           //color: "#ABF8FF",
//           fontSize: 14, //字体大小
//           position: "middle", // 标签位置
//           formatter: function (params) {
//             return params.data.name;
//           }, // 标签文本格式化
//         },
//         effect: {
//           show: true,
//           period: 6, //箭头指向速度，值越小速度越快
//           trailLength: 0.5, //特效尾迹长度[0,1]值越大，尾迹越长重
//           symbol: planePath,
//           symbolSize: 6, //调节飞翔目标图标大小
//         },
//         // lineStyle: {
//         //   normal: {
//         //     type: "dashed", //solid:实线 dashed：虚线 dotted：圆点
//         //     color: "#93E8F8", //线条颜色
//         //     width: 2.5, //线条宽度
//         //     opacity: 0.5, //尾迹线条透明度
//         //     curveness: 0.3, //尾迹线条曲直度
//         //   },
//         // },
//         // data: lineData,
//         data: lines,
//       },
//       // 柱状体的顶部
//       {
//         type: "scatter",
//         coordinateSystem: "geo",
//         geoIndex: 0,
//         zlevel: 5,
//         label: {
//           normal: {
//             show: true,
//             formatter: function (params) {
//               var name = params.data[2].name;
//               var value = params.data[2].value;
//               var text =
//                 value != 0
//                   ? `{tline|${name}} : {fline|${value}}`
//                   : `{tline|${name}}`;
//               // var text = `{tline|项目个数} : {fline|${value}}`
//               return text;
//             },
//             color: "#fff",
//             rich: {
//               fline: {
//                 // padding: [0, 25],
//                 color: "#fff",
//                 fontSize: 14,
//                 fontWeight: 600,
//               },
//               tline: {
//                 // padding: [0, 27],
//                 color: "#ABF8FF",
//                 fontSize: 14,
//               },
//             },
//           },
//           emphasis: {
//             show: true,
//           },
//         },
//         itemStyle: {
//           color: "#00FFF6",
//           opacity: 1,
//         },
//         symbol: img2,
//         symbolSize: [110, 60],
//         symbolOffset: [0, -30],
//         z: 999,
//         data: scatterData(),
//       },
//       {
//         name: "Top 5",
//         type: "effectScatter",
//         coordinateSystem: "geo",
//         data: convertData(toolTipData),
//         showEffectOn: "render",
//         itemStyle: {
//           normal: {
//             color: "#00FFFF",
//           },
//         },
//         rippleEffect: {
//           scale: 5,
//           brushType: "stroke",
//         },
//         label: {
//           normal: {
//             formatter: "{b}",
//             position: "bottom",
//             show: false,
//             color: "#fff",
//             distance: 10,
//           },
//         },
//         // symbol: "circle",
//         // symbolSize: [20, 10],
//         itemStyle: {
//           normal: {
//             color: "#16ffff",
//             shadowBlur: 10,
//             shadowColor: "#16ffff",
//           },
//           opacity: 1,
//         },
//         zlevel: 4,
//       },
//     ],
//   };
//   myChart.setOption(option);
//   window.addEventListener("resize", myChart.resize);
// });
